<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>京东登录页</title>
		<style>
			*{
				margin: 0px;
				padding:0px;
			/*	border: 1px solid red;*/
			}
			img{
				vertical-align:middle;
			}
			body{
				font-size:12px;
			}
			a{
				color: #666;
				text-decoration:none;
			}
			a:hover{
				color:#e93854 ;
			}
			.fl{
				float: left;
			}
			.fr{
				float:right;
			}
			.clearfix:after{
				display: table;
				content: "";
				clear:both;
			}
			.w990{
				width:990px;
				margin: 0px auto;
			}
			.top{
				margin: 0px auto;
			
			}
			.top h2{
				height: 60px;
				line-height: 60px;
				font-weight: 400;
				margin-left: 10px;
				color: #666;	
			}
			
			.cnt{
				background: #E93854;
			}
			.box{
				height: 475px;
				background: url(image/banner.png) no-repeat;
			}
			
			.box form{
				background-color: white;
				margin-top: 40px;
				margin-right: 30px;
				padding:20px;
			}
			.form_top {
				margin-bottom: 20px;
				height: 24px;
			}
			.form_top h3{
						height: 24px;
						line-height: 24px;
						font-weight: 400;
						color: #666666;
			}
			.form_top a{
				display: block;
				color: #E93854;
				height: 24px;
				line-height: 24px;
				padding-left:20px;
				background: url(image/icon5.jpg) no-repeat left center;
			}
			input[type=text],input[type=password]{
				width: 240px;
				height: 38px;
				padding-left:10px;
				float: left;
				border: 1px solid #ccc;
				border-left: none;
				outline: none;
			}
			::placeholder{
				color: #999;
			}
			.username,.password{
				margin-bottom: 20px;
			}
			.username span,.password span{
				display: block;
				width: 38px;
				height: 38px;
				background: url(image/icon1.jpg) ;
				float: left;
				border:1px solid #ccc;
			}
			.password span{
				background: url(image/icon2.jpg);
			}
			.forgetpwd{
				margin-top: 20px;
				color: #666;
			}
			.forgetpwd input{
				margin-top: 2px;
				margin-right: 5px;
			}
			.loginbtn{
				height: 40px;
				background: #E93854;
				text-align: center;
				line-height: 40px;
				font-size: 18px;
				color: white;
				cursor: pointer;
			}
			.bot{
				padding-top: 20px;
			}
			.bot p{
				text-align: center;
				height: 25px;
				line-height: 25px;
				color: #666
				
			}
			.bot a{
				margin: auto 10px;
			}
			
		</style>
	</head>

	<body>
		<div class="all">
				<div class="top clearfix w990">
					<div class=" logo fl"><img src="image/jingdong-logo.png" /></div>
					<div class="fl"><h2>欢迎登录</h2></div>	
				</div>
				<div class="cnt">
					<div class="box w990">
						<form class="fr">
							<div class="form_top clearfix">
								<h3 class="fl">京东会员</h3>
								<a href="Taobao1.html" class="fr">立即注册</a>
							</div>
							<div class="username clearfix">
								<span></span><input placeholder="邮箱/用户名/已验证手机" type="text" />
							</div>
							<div class="password clearfix">
								<span></span><input placeholder="密码" type="password" />
							</div>
							<div class="forgetpwd clearfix">
								<div class="fl"><input type="checkbox" /></div>
								<div class="fl"> 自动登录</div>
								<a href="#" class="fr">忘记密码?</a>
							</div>
							<div class="loginbtn">登录</div>
						</form>
					</div>
				</div>
				<div class="bot w990">
					<p><a href="#">关于我们|</a><a href="#"> 联系我们|</a><a href="#"> 人才招聘|</a><a href="#"> 商家入驻|</a><a href="#"> 广告服务|</a><a href="#"> 手机京东|</a><a href="#"> 友情链接|</a><a href="#"> 销售联盟|</a><a href="#"> 京东社区|</a><a href="#"> 京东公益|</a><a href="#"> English Site</a>
					</p>
					<p>Copyright&copy;2004-2017 京东JD.com 版权所有</p>
				</div>
		
	</body>
</html>